<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition
	template="/paginas/parametrizacion/ctdnpaginasparametrizacion.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">


	<ui:define name="centroparametrizacion">
		<script type="text/javascript">  
    function handleLoginRequest(xhr, status, args) {  
        if(!args.loggedIn) {  
            PF('wv_mp_rusuarios').jq.effect("shake", { times:5 }, 100);  
        }   
        else {  
            PF('wv_mp_rusuarios').hide();  
            
        }  
    }  
</script>
		<h:form id="formClientes">
			<table class="tables">

				<tr>
					<td class="pPanel"><p:panel header="Administrar Clientes"
							toggleable="false" collapsed="false">
							<p:growl id="growllcli" showDetail="true" life="3000"
								showSummary="false" />
							<h:outputText value="Los Parámetros de Búsqueda son Incluyentes"
								styleClass="outputTextFormulario" />
							<h:panelGrid columns="3" id="hpgUsuarios"
								styleClass="panelTDLeftFormulario">

								<h:outputLabel value="Nombre :"></h:outputLabel>
								<h:outputLabel value="RUC :"></h:outputLabel>

								<p:inputText id="txt_nombres_us"
									label="Imgrese el nombre del Cliente"
									value="#{administrarClientesBean.nombres}" />

								<p:inputText id="txt_identificacion_us"
									label="Imgrese el número de cédula"
									value="#{administrarClientesBean.identificacion}" />

								<p:commandButton
									action="#{administrarClientesBean.consultarUsuarios}"
									value="Buscar Clientes" update="usuarios,usuariosTable" />
								<p:commandButton
									disabled="!#{accesoSistemaBean.objetosAsignados.obj_26}"
									action="#{administrarClientesBean.mostrarPanelGuardarUsuario}"
									value="Agregar Cliente" immediate="true"
									oncomplete="wv_mp_rusuarios.show()"
									update=":formUsuariosCrear:pg_mp_rusuarios" />
								<p:commandButton value="Limpiar Campos"
									action="#{administrarClientesBean.limpiarCamposUsuario()}"
									update="hpgUsuarios" />
							</h:panelGrid>
						</p:panel></td>
				</tr>
				<tr>
					<td><p:panel id="usuarios" styleClass="panelTDLeftFormulario">


							<p:dataTable id="usuariosTable"
								value="#{administrarClientesBean.seadUsuarios}" var="usuario"
								paginator="true" rows="10" editable="true">
								<p:ajax event="rowEdit"
									listener="#{administrarClientesBean.onEditUsuario}"
									immediate="true"
									oncomplete="handleLoginRequest(xhr, status, args)"
									update=":formClientes:growllcli" />
								<p:ajax event="rowEditCancel"
									listener="#{administrarClientesBean.onCancelPerfil}"
									immediate="true" />
								<p:column headerText="Nombre" style="width:24%">
									<p:cellEditor>
										<f:facet name="output">
											<h:outputText value="#{usuario.clieNombre}" />
										</f:facet>
										<f:facet name="input">
											<p:inputText value="#{usuario.clieNombre}" style="width:100%" />
										</f:facet>
									</p:cellEditor>
								</p:column>
								<p:column headerText="Dirección" style="width:24%">
									<p:cellEditor>
										<f:facet name="output">
											<h:outputText value="#{usuario.clieDireccionPrincipal}" />
										</f:facet>
										<f:facet name="input">
											<p:inputText value="#{usuario.clieDireccionPrincipal}"
												style="width:100%" />
										</f:facet>
									</p:cellEditor>
								</p:column>
								<p:column headerText="Teléfono" style="width:24%">
									<p:cellEditor>
										<f:facet name="output">
											<h:outputText value="#{usuario.clieTelefono}" />
										</f:facet>
										<f:facet name="input">
											<p:inputText value="#{usuario.clieTelefono}"
												style="width:100%" />
										</f:facet>
									</p:cellEditor>
								</p:column>

								<p:column headerText="R.U.C. - Identificación" style="width:24%">
									<p:cellEditor>
										<f:facet name="output">
											<h:outputText value="#{usuario.clieRuc}" />
										</f:facet>
										<f:facet name="input">
											<p:inputText value="#{usuario.clieRuc}" style="width:100%" />
										</f:facet>
									</p:cellEditor>
								</p:column>

								<p:column headerText="Email" style="width:24%">
									<p:cellEditor>
										<f:facet name="output">
											<h:outputText value="#{usuario.clieEmail}" />
										</f:facet>
										<f:facet name="input">
											<p:inputText value="#{usuario.clieEmail}"
												 style="width:100%" />
										</f:facet>
									</p:cellEditor>
								</p:column>

								<p:column style="width:6%">
									<f:facet name="header">
										<h:outputText value="Edición" />
									</f:facet>
									<p:rowEditor
										rendered="#{!accesoSistemaBean.objetosAsignados.obj_26}" />
								</p:column>
								<p:column style="width:6%">
									<f:facet name="header">
										<h:outputText value="Eliminar" />
									</f:facet>
									<p:commandButton update="usuariosTable" immediate="true"
										action="#{administrarClientesBean.deleteUsuariosAction(usuario)}"
										icon="ui-icon-close">
										<p:confirm header="Confirmación"
											message="Está seguro de eliminar?" icon="ui-icon-alert" />
									</p:commandButton>
									<p:confirmDialog global="true" showEffect="fade"
										hideEffect="explode">
										<p:commandButton value="Si" type="button"
											styleClass="ui-confirmdialog-yes" icon="ui-icon-check"
											update=":formClientes:growllcli" />
										<p:commandButton value="No" type="button"
											styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
									</p:confirmDialog>
								</p:column>

							</p:dataTable>

						</p:panel></td>
				</tr>
			</table>
		</h:form>

		<p:dialog id="mp_crear_usuario" position="center" width="370"
			style="text-align: left;
	font-size: 12px;
	font-family: Verdana;"
			header="Agregar Cliente" height="350" widgetVar="wv_mp_rusuarios">
			<h:form id="formUsuariosCrear">

				<h:panelGrid id="pg_mp_rusuarios" columns="1" cellpadding="1"
					style="margin:0 auto;">

					<table width="350px;">
						<p:growl id="growlru" showSummary="false" showDetail="true"
							sticky="false" life="2000" />


						<tr>
							<td><p:panel>
									<table>


										<tr>
											<td class="panelTDFormulario"><h:outputText value="* "
													styleClass="asteriscoObligatorio" /> <h:outputLabel
													for="it_trato" value="Nombres: "
													styleClass="outputTextFormulario" /></td>
											<td class="panelTDLeftFormulario"><h:inputText
													id="it_trato" required="true"
													requiredMessage="Nombres#{comun_mensajes.campo_requerido}"
													value="#{administrarClientesBean.seadUsuario.clieNombre}"
													styleClass="inputTextFormulario" /></td>
										</tr>
										<tr>
											<td class="panelTDFormulario"><h:outputText value="* "
													styleClass="asteriscoObligatorio" /> <h:outputLabel
													for="it_nombre" value="Dirección: "
													styleClass="outputTextFormulario" /></td>
											<td class="panelTDLeftFormulario"><h:inputText
													id="it_nombre" required="true"
													requiredMessage="Dirección#{comun_mensajes.campo_requerido}"
													value="#{administrarClientesBean.seadUsuario.clieDireccionPrincipal}"
													styleClass="inputTextFormulario" /></td>
										</tr>
										
										<tr>
											<td class="panelTDFormulario"><h:outputText value="* "
													styleClass="asteriscoObligatorio" /> <h:outputLabel
													for="it_telefono" value="Teléfeno: "
													styleClass="outputTextFormulario" /></td>
											<td class="panelTDLeftFormulario"><h:inputText
													id="it_telefono" required="true"
													requiredMessage="Teléfono#{comun_mensajes.campo_requerido}"
													value="#{administrarClientesBean.seadUsuario.clieTelefono}"
													styleClass="inputTextFormulario" /></td>
										</tr>
										<tr>
											<td class="panelTDFormulario"><h:outputText value="* "
													styleClass="asteriscoObligatorio" /> <h:outputLabel
													for="it_celular" value="R.U.C. : "
													styleClass="outputTextFormulario" /></td>
											<td class="panelTDLeftFormulario"><h:inputText
													id="it_celular" required="true"
													requiredMessage="R.U.C. #{comun_mensajes.campo_requerido}"
													value="#{administrarClientesBean.seadUsuario.clieRuc}"
													styleClass="inputTextFormulario" /></td>
										</tr>
										<tr>
											<td class="panelTDFormulario"><h:outputText value="* "
													styleClass="asteriscoObligatorio" /> <h:outputLabel
													for="it_email" value="Email: "
													styleClass="outputTextFormulario" /></td>
											<td class="panelTDLeftFormulario"><h:inputText
													id="it_email" required="true"
													requiredMessage="Email#{comun_mensajes.campo_requerido}"
													value="#{administrarClientesBean.mail}"
													styleClass="inputTextFormulario"
													title="El email debe contener un formato valido, por ejemplo, text@hotmail.com" /></td>
										</tr>
										
										<tr>
											<td class="panelTDLeftFormulario" colspan="2"><h:outputText
													value="* " styleClass="asteriscoObligatorio" /> <h:outputText
													value=" El asterisco indica que el campo es requerido."
													styleClass="outputTextFormulario" /></td>

										</tr>


										<tr>

											<td class="panelTDBotonFormulario" colspan="2"><p:commandButton
													actionListener="#{administrarClientesBean.guardarUsuarios}"
													update="growlru,:formClientes:usuarios,:formClientes:usuariosTable"
													value="Guardar" icon="ui-icon-disk"
													oncomplete="handleLoginRequest(xhr, status, args)" /></td>

										</tr>


									</table>
								</p:panel></td>
						</tr>



					</table>


				</h:panelGrid>


			</h:form>
		</p:dialog>

	</ui:define>

</ui:composition>